<template>
    <div class="app-container">

        <data-api-examine-list v-if="options.showList" @showCard="showCard" />
        <data-api-examine-list-tab v-if="options.showListTab" @showCard="showCard" />

    </div>
</template>
  
<script>
import DataApiExamineList from './DataApiExamineList'
import DataApiExamineListTab from './DataApiExamineListTab'
export default {
    name: 'DataApiExamine',
    components: { DataApiExamineList, DataApiExamineListTab },
    data() {
        return {
            options: {
                data: {},
                showList: true,
                showListTab: false
            }
        }
    },
    methods: {
        showCard(data) {
            Object.assign(this.options, data)
        }
    }
}
</script>
  
<style lang="scss" scoped></style>
  